<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 0px;
			}
			#div1 {
				width: 200px;
				height:150px;
				background-color: pink;
			}
			#div2 {
				width: 200px;
				height:150px;
				background-color: greenyellow;
			}
			#div3 {
				width: 200px;
				height:150px;
				background-color: skyblue;
			}
			#div4 {
				width: 200px;
				height:150px;
				background-color: gold;
			}
			#div5 {
				width: 200px;
				height:150px;
				background-color: grey;
			}
			#div6 {
				width: 200px;
				height:150px;
				background-color: salmon;
			}
			#header{
				display: flex;
				/* flex-direction: row-reverse; */
/* 				flex-direction: column;
				flex-direction: column-reverse; */
/* 				justify-content: flex-start;
				justify-content: flex-end; */
				/* justify-content: center; */
				/* justify-content: space-around; */
				/* justify-content: space-between; */
			}
		</style>
	</head>
	<body>
		<div id="header">
			<div id="div1">
				这是第一个盒子
			</div>
			<div id="div2">
				这是第二个盒子
			</div>
			<div id="div3">
				这是第三个盒子
			</div>
			<div id="div4">
				这是第四个盒子
			</div>
			<div id="div5">
				这是第五个盒子
			</div>
			<div id="div6">
				这是第六个盒子
			</div>
		</div>
	</body>
</html>
